<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>机构 - {$config.WEB_SITE_TITLE}</title>
    <script src="__PUBLIC__/Home/js/adaptive.js"></script>
    <script src="__PUBLIC__/Home/js/device.min.js"></script>
    <link rel="stylesheet" href="__PUBLIC__/Home/css/reset.css">
    <link rel="stylesheet" href="__PUBLIC__/Home/css/con-header.css">
    <script src="__PUBLIC__/Home/js/mui.min.js"></script>
    <link href="__PUBLIC__/Home/css/mui.min.css" rel="stylesheet"/>

    <style>
        h4,h5{margin-top: 0px;margin-bottom: 0px;}
        input::-webkit-input-placeholder,
        textarea::-webkit-input-placeholder {
            color: #9B9B9B;font-size: 0.3rem;
        }

        .content{width: 7.5rem;height: auto;margin: 0 auto;background: #fff;margin-top: 0.88rem;z-index: 10;padding-bottom: 1rem;}
        .top a{position: absolute;right: 0.3rem;bottom: 0.1rem;color: #fff;}
        .top{z-index: 100!important;}


        .xiugai{width: 100%;height: auto;padding: 0px 0.2rem;background: #fff;overflow: hidden}
        .xiugai li{width: 100%;height: auto;border-bottom: 1px solid #DEDEDE;color: #A6A6A6;line-height: 0.9rem;position: relative;font-size: 0.32rem;}
        .xiugai li span{float: right;color: #434343}
        .xiugai li.men p{display: flex;justify-content: space-around;}
        .xiugai li.men p img{width: 2rem;height: 2rem;}
        .xiugai li.men2 .video{width: 90%;height: 4rem;background: #01B0B8  ;display: inline-block;margin-top: 0.2rem;}
        .xiugai li:last-child{border: none}



    </style>
</head>
<body>


<div class="content">
    <div class="top">
        <h4>小天鹅培训机构</h4>
        <img src="__PUBLIC__/Home/img/tg-fanhui.png" class="back" alt="">
    </div>

    <ul class="xiugai">
        <li>联系电话 <span>13636562356</span></li>
        <li>所属地区 <span>郑州市 中原区</span></li>
        <li>详细地址  <p>河南省郑州市中原区</p></li>
        <li>机构课程  <p>河南省郑州市中原区河南省郑州市中原区河南省郑州市中原区河南省郑州市中原区</p></li>
        <li class="men">门店照片
            <p><img src="__PUBLIC__/Home/img/zm2.png" alt=""><img src="__PUBLIC__/Home/img/zm2.png" alt=""><img src="__PUBLIC__/Home/img/zm2.png" alt=""></p>
        </li>
        <li class="men2">门店视屏
            <a class="video juzhong">

            </a>
        </li>
    </ul>

</div>
<script src="__PUBLIC__/Home/js/jquery-1.11.1.js"></script>
<script>
    $(".back").click(function () {
        window.history.back(-1);
    })




</script>

<script>
    function showPic(e) {
        let n=0
        let  file=e.files[0]
        //创建读取文件的对象
        var reader = new FileReader();

        //创建文件读取相关的变量
        var imgFile;

        //为文件读取成功设置事件
        reader.onload=function(e) {
            // alert('文件读取完成');
            imgFile = e.target.result;
            console.log(imgFile);
            n++;
            if(n<=5){
                $(".s-img").append("<li><img src='' class='limg'></li>");
                $(".s-img li:last").find(".limg").attr("src",imgFile);
            }else{

            }
        };

        //正式读取文件
        reader.readAsDataURL(file);

    }
</script>
</body>
</html>